<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../css/businessInfo.css" rel="stylesheet">
        <link href="../framework/reset.css" rel="stylesheet">
        <link href="../framework/icon.css" rel="stylesheet">
        <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="../js/busniessInfo.js"></script>
		<title>商家信息</title>
        <style>
            .title {
                color:#fff;
                display: flex;
                align-items: center;
                font-size:4.3vw;
            }
        </style>

	</head>
    <body>          <!---头部--->
        <div class="wrapper">
            <header>
                <div class="title">
                    <p>商家信息</p>
                </div>
            </header>   

            <!-----商家logo----->
            <div class="business-logo">
                <img src="........................">
            </div>
            <!-----商家信息----->
            <div class="business-info">
                <h3 id="shop-name">LOCO美式牛肉汉堡(天津大学店)</h3>
                <p>45￥起送 114元配送</p>
                <p id="diliver_need" hidden> 45</p>
                <p>各种汉堡快餐</p>
            </div>

            <!--------菜品详细--------->
            <ul class="business-dishes">
                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

                <li>
                    <img src=".............................">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙</h3>
                        <p>原料:白头山今日橙</p>
                        <p>月售114</p>
                        <p>价格: 10元</p>
                        <p class="price" hidden>10 </p>
                    </div>
                    <div class="dishes-info-right">
                        <div>
                            <i class="fa fa-minus-circle min" style="display: none;"></i>
                        </div>
                        <p> <span class="num" style="display: none;">0</span>  </p>
                        <div>
                            <i class="fa fa-plus-circle pls"></i>
                        </div>
                    </div>
                </li>

            </ul>


            <!----底部订单（购物车）样式---->
            <div class="shopcar">
                <div class="shopcar-top">
                    <p>满10减1 满45减40</p>
                </div>

                <div class="shopcar-bottom">
                    <img src="购物车--------------------------">
                    <div class="shopcar-bottom-left">
                        <div class="shopcar-bottom-left-top">
                            <p>￥</p>
                            <p id="tot-money">0</p>
                        </div>
                        <p>另需配送费约3元</p>
                    </div>
                    <div class="shopcar-bottom-right" id="goto_pay">      <!---购买按钮-->
                        ￥45元起送
                    </div>
                </div>
            </div>
        </div>
    </body>


</html>